<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>自制移动端模拟数字键盘</title>
	<link rel="stylesheet" href="css/mobileNumbk.css">
	<style>
		html,body{
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
		}
	</style>
</head>
<body>
	<div style="padding: 50px;">
		<input type="text" class="input1" placeholder="点击输入数字">
		<input type="text" class="input2" placeholder="点击输入数字">
		<input type="text" class="input3" placeholder="点击输入数字">
		<input type="text" class="input4" placeholder="点击输入数字">
	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/mobileNumkb.js?v6"></script>
	<script>

		var option1 = {
			style: 1,//颜色风格
			textDone: 'Done',
			textDelete: 'Delet',
			textClear: 'Clear',
			textCancel: 'Cancel',
			textSubtract: '+/-'
		}
		var options2 = {
			style: 2 //颜色风格
		}
		var options3 = {
			style: 3 //颜色风格
		}

		$(".input1").numbk(option1).click(function(){
			console.log("click1");
		});
		$(".input2").numbk(options2).click(function(){
			console.log("click2");
		});
		$(".input3").numbk(options3).click(function(){
			console.log("click3");
		});
		$(".input4").numbk().click(function(){
			console.log("click4");
		});
		$(".input1").numbk("setValue",-987);
		$(".input2").numbk("setValue",456);
		$(".input3").numbk("setValue",123);
		$(".input4").numbk("setValue",-231.4365465,5456,545);

	</script>
</body>
</html>